<template>
  <div style="">
    <header class="yd-navbar navbar-bottom-line-color" style=" height: 1rem;">

      <div class="yd-navbar-item" v-if="noarrow"  @click="handlePopupBack">
          <span><i class="yd-back-icon" style="color: rgb(255, 255, 255);"></i></span>
      </div>
      <div class="yd-navbar-center-box" style="height: 1rem;">
        <div class="yd-navbar-center">
          <span class="yd-navbar-center-title"
                style="color: rgb(255, 255, 255); ">{{ headname }}</span>
        </div>
      </div>
      <div class="yd-navbar-item" v-if="btnname" @click="handlePopupButton">
        <span style="color: rgb(255, 255, 255);">{{ btnname }}</span>
      </div>
    </header>

  </div>
</template>
<style>

</style>
<script>
  export default{
    name: "yd-ls-popup-header",
    props: {
      noarrow: {
        type: Boolean,
        default: true
      },
      headname: String,
      btnname: {
        type: String,
        default: ''
      }
    },
    data(){
      return{
      }
    },
    methods: {
      handlePopupBack () {
        this.$emit('handle-popup-back')
      },
      handlePopupButton () {
        this.$emit('handle-popup-button')
      }
    },
    components:{
    }
  }
</script>
